/**
 * Created by Administrator on 2017/5/21 0021.
 */
/*公共样式头部***************/
$(function(){
    $('#header').find('.menu').on('mouseenter',function(){   //头部菜单显示与与隐藏
        $('#header').find('.header_hide').fadeIn();
    }); //头部菜单
    $('#header').on('mouseleave',function(){
        $('#header').find('.header_hide').fadeOut();
    });

$('#nav .vip').find('.list').on('mouseenter',function(){
    $(this).next().show()
}); //主导航
    $('#nav .vip').on('mouseleave',function(){
        $('.vip').find('.list').next().hide()
    });

$('.sub_nav').find('li').on('mouseenter',function(){    //二级导航
        $(this).parent().next().css({'left':180,'display':'block'})
        $(this).addClass('active').siblings().removeClass('active');
        $(this).find('.img1').css('display','block').prev().css('display','none').closest('.active').siblings().find('.img').show().next().css({'display':'none','left':15});
        $(this).find('.img1').stop().animate({'left':25},200);
        $(this).find('h4').stop().animate({'marginLeft':32},200).closest('.active').siblings().find('h4').css('marginLeft',22);
        $('.three_nav').stop().animate({'left':'190'},100);
        $('.three_nav>div').eq($(this).index()).css('display','block').siblings().css('display','none');
        $('.three_nav>div').eq($(this).index()).stop().animate({'opacity':1}).siblings().css('opacity',0);
if($(this).index()==3){
    $('.three_nav').css('top',200)

}else if($(this).index()==4){

    $('.three_nav').css('top',290)

}
else{

    $('.three_nav').css('top',33)
}

});


$('.sub_nav').on('mouseleave',function(){  //二级导航
    $('.three_nav').fadeOut(200);
    $('.three_nav>div').fadeOut(200);
    $('.sub_nav').find('li').removeClass('active');
    $('.sub_nav').find('li').find('.img').css('display','block');
    $('.sub_nav').find('li').find('.img1').css('display','none')
});
/*脚步文字滚动*/
var timer=null;
var num=-2;
$('#footer>.footer_url>div>ul>li').each(function(i,ele){

    $(ele).css('left',i*100)
});
    $('#footer>.footer_url>div>ul>li').on('mouseenter',function(){
        clearInterval(timer);

    })
    $('#footer>.footer_url>div>ul').on('mouseleave',function(){

        texrScroll();

    })
    texrScroll() ;
function texrScroll(){
clearInterval(timer);
    timer = setInterval(function(){
        //console.log($('#footer>.footer_url>div>ul').css('left'));
        if(parseInt($('#footer>.footer_url>div>ul').css('left')) <= -1528){

            $('#footer>.footer_url>div>ul').css('left', -28);
        }
        $('#footer>.footer_url>div>ul').css('left', parseInt($('#footer>.footer_url>div>ul').css('left')) + num)

    }, 100)
};
    /*****************底部悬浮***********/

    $('.bottom_suspend1').slideDown();
    $('.yuan').click(function(){
        $('.bottom_suspend1').slideUp();

    })

/*cook登录*/
   // console.log( typeof  getcookie('uname'));
if(getcookie('uname')){
 $('.dl').css('display','none');
 $('.zc1').css('display','none');
 $('.tc').css('display','block');
 $('.xx').html('亲爱的'+' '+getcookie('uname')+' '+'欢迎你');
}
/*退出登录*/
    $('.tc').on('click',function(){
        $('.dl').css('display','block');
        $('.zc1').css('display','block');
        removecookie('uname');
        $('.xx').html('您好,欢迎关临韩都衣舍');
        $(this).css('display','none');
    });
});


